<template>
  <navigator url="/pages/search/search" class="searchWrapper">
    <view class="searchInput">
      <!-- #ifdef H5 -->
      网页搜索
      <!-- #endif -->
      <!-- #ifdef MP-WEIXIN -->
      小程序搜索
      <!-- #endif -->
    </view>
  </navigator>
</template>

<script>
  export default {
    created(){
      /* #ifdef H5 */
      console.log('这是网页');
      /* #endif */
      /* #ifdef MP-WEIXIN */
      console.log('这是微信');
      /* #endif */
    }
  };
</script>

<style lang="scss">
  .searchWrapper {
    /* #ifdef H5 */
    background: #0f0;
    /* #endif */
    /* #ifdef MP-WEIXIN */
    background: #00f;
    /* #endif */
    height: 100rpx;
    display: flex;
    justify-content: center;
    align-content: center;
    .searchInput {
      border-radius: 5rpx;
      width: 700rpx;
      height: 80rpx;
      line-height: 80rpx;
      text-align: center;
      background: #fff;
      color: #767676;
      font-size: 32rpx;
    }
  }
</style>